草庐IT

Angular 2 表单

全部标签

javascript - Kendo + Angular 图表数据

我正在尝试带AngularKendo图表,但我在显示数据时遇到问题,这是我的代码:HTML:Javascript:resultService.getResult().then(function(resultResponse){$scope.data=resultResponse.data;$scope.oldReps=_.pluck($scope.data.TreningScores.Item1,'Item2');$scope.newReps=_.pluck($scope.data.TreningScores.Item2,'Item2');$scope.categories=_.plu

javascript - 获取表单对象中动态输入元素的值

我的问题是:如何在表单中引用输入元素的动态“名称”?例如,使用以下HTML:Javascript:functioncheckVal(form){for(vari=1;i上面的javascript不起作用。警报正在输出NaN。如何使用i变量在for循环中引用qty1、qty2和qty3?这是一个jsfiddle:http://jsfiddle.net/MRzWf/ 最佳答案 使用Bracketnotationform["qty"+i].valuefunctioncheckVal(form){for(vari=1;i

javascript - 将 Ember/Angular 应用程序嵌入到现有站点中

我已经在Angular和Ember中构建了小型应用程序,并且很喜欢使用这两种框架——使用这些框架的结构和功能使编写UI变得非常愉快!我想知道是否有办法将这些应用程序嵌入到已有的遗留网站中?对于Angular,我知道您可以将目标div定义为您的ng-app。有更好的方法吗?Ember呢?关于兼容性/集成,我需要注意什么问题吗?我意识到这些框架主要用于SPA,但正如我所说,我真的很喜欢使用它们的固执己见的性质和长期可维护性的好处。我尝试在网上查找,但没有找到有关此主题的资源(可能是出于充分的理由)。任何输入将不胜感激。 最佳答案 对于e

javascript - 使用 angular-mocks 匹配所有 GET url for backendless

我现在正在编写一个没有后端ajax的前端。我正在使用angular-mocks来模拟这样的API调用:$httpBackend.when('GET','/somelink').respond(function(method,url,data){//dosomething});但是,如果ajax传递params:{id:12345},它将附加到url为'/somelink?id=12345'。catchwhen('GET','/somelink')有没有办法使用RegEx或一些技巧来解决这个问题?只是为了不管params里面有什么,respond()仍然会被调用?谢谢。更新1:我不能使用

javascript - 重置表单/从 jQuery 验证中删除错误类

我有一个使用jQuery验证方法的联系表单。当用户点击“重置”按钮时,孔接触形式应进入初始状态。这是按钮的样子:Reset我的“$(document).ready-function”中的JS代码是:$('#cancel').on('click',function(){$("#contact").validate().resetForm();$("#contact").removeClass("has-error");});问题:错误文本和输入字段将被删除。但红色边框(.has-error)或绿色边框(.has-success)不会被删除。我已经为你创建了一个JSFiddle:http:

javascript - 仅提交表单中的非空字段

就是这样的形式:现在,当我只填写第一个字段时,我得到example.com/?para1=value¶2=但我只希望它是example.com/?para1=value因为para2不包含值。我怎样才能做到这一点?应该可以用JS或其他什么? 最佳答案 试试这个,包含jQuery并使用以下代码段。$(document).ready(function(){$("form").submit(function(){$("input").each(function(index,obj){if($(obj).val()==""){$(o

javascript - AngularJS 表单验证始终为真

loginForm.$valid始终返回true,即使未填写必填字段也是如此。我无法在任何地方找到类似的问题。Username:Password:Forgotpassword?Loginformis{{loginForm.$valid}}Login感谢任何帮助。 最佳答案 仅当您将ng-modelController分配给相应的控件时,才会设置表单验证和相关标志。因此,为它们分配ng-model指令。此外,您可以使用name而不是使用id。然后它将用作在formController实例上分配的相应ng-modelController

javascript - Angular $http 在登录后为每个请求设置 cookie

我在AngularJS中遇到$http调用问题。我创建了以下服务crApp.service('authService',function($http){varurlBase='http://192.168.xx.xx:8081';//POSTapi/login/this.login=function(credentials){return$http.post(urlBase+"/api/login",credentials);};//POSTapi/logout/this.logout=function(){return$http.post(urlBase+"/api/logout/"

javascript - Angular $setPristine() 不工作

我正在尝试使用Angular的内置表单函数,特别是setPristine()来清除用户提交的表单。我的Controller可以访问$scope.newForm(我的表单)及其所有方法,但运行$scope.newForm.$setPristine()不会重置表单字段。这是我的HTML:NewEntryNameDescriptionNeighborhoodAddress这是我调用setPristine()的Controller:app.controller('NewFormController',function($scope,$compile){$scope.place={name:'E

javascript - Vue.js 怎么能像 Angular.js 那样配置 templateUrl 呢?

我喜欢Vue.js的简单性,但我不想用browserify或webpack使它复杂化。我更喜欢Angular中的templateUrl之类的东西,因此我可以直接使用Nginx提供部分页面(通常是组件)。我怎么能设置这个?官方不建议,很难在那里获得帮助。 最佳答案 据我所知,Vue没有为此专门内置任何内容,但您可以使用asynccomponents如果你愿意,可以伪造它。Vue.component('example',function(resolve,reject){$.get('templates/example.html').do